﻿.clear { clear: both; }
/* Uncomment this section to create a sticky footer that is 60px in height. Change dimensions to increase/decrease footer height
html,
body { height: 100%; }
#layout-wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px; }
#push,
#footer { height: 60px; }
*/

/* #Lists
================================================== */
ul, ol { margin: 0; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { }
ul ul li, ul ol li,
ol ol li, ol ul li { }

/* Header
=================================================================== */
/* Uncomment this section to create hover-over dropdowns. Also add class name of "disabled" to <a> tag in MenuItemLinkdd.cshtml in Views folder
    .navbar .nav > li.dropdown:hover ul.dropdown-menu { display: block; }
    .navbar .nav > li.dropdown ul.dropdown-menu { margin-top: 0; }
*/
.navbar .nav > li.dropdown i { opacity: 0.60; filter: alpha(opacity = 60); }
.navbar .nav > li.dropdown:hover i { opacity: 1; filter: alpha(opacity = 100); }
/* second level menu links */
.dropdown .dropdown { position: relative; }
.dropdown .dropdown:hover > .dropdown-menu { display: block; }
.dropdown .dropdown:hover > a { color: #ffffff; text-decoration: none; background-color: #0088cc; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); -webkit-linear-gradient(top, #0088cc, #0077b3); -o-linear-gradient(top, #0088cc, #0077b3); linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088c', endColorstr='#ff0077b3', GradientType=0); }
.dropdown .dropdown:hover > a:after { border-left-color: #ffffff; }
.dropdown .dropdown > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; }
.dropdown .dropdown > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown .dropdown > a > b { border: none; }
/* third level menu links */
.dropdown .dropdown .dropdown { position: relative; }
.dropdown .dropdown .dropdown:hover > .dropdown-menu { display: block; }
.dropdown .dropdown .dropdown:hover > a { color: #ffffff; text-decoration: none; background-color: #0088cc; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); -webkit-linear-gradient(top, #0088cc, #0077b3); -o-linear-gradient(top, #0088cc, #0077b3); linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088c', endColorstr='#ff0077b3', GradientType=0); }
.dropdown .dropdown .dropdown:hover > a:after { border-left-color: #ffffff; }
.dropdown .dropdown .dropdown > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; }
.dropdown .dropdown .dropdown > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown .dropdown .dropdown > a > b { border: none; }

/* Comments
=================================================================== */
.comments-sec { float: left; width: 100%; line-height: 20px; margin-top: -15px; }
ol.commentlist { float: left; width: 100%; margin: 0; }
ol.commentlist li { float: left; border-top: 1px solid #e7e7e7; padding: 25px 0 20px 0; }
ol.commentlist li:first-child { border: none; padding: 25px 0 0px 0; }
ol.commentlist li { list-style: none; }
ol li ol.childlist { float: right; width: 89%; margin: 0px; }
ol.commentlist li ol.childlist li:first-child { border-top: 1px solid #e9e9e9; padding: 25px 0 0 0; font-size: 12px; }
ol.commentlist li ol.childlist li { border-top: 1px solid #e9e9e9; margin: 25px 0 15px 0; font-size: 12px; }
.comments { float: left; width: 100%; }
.comments-amount { color: #888; }
ol li ol.childlist .comment-des { float: right; width: 89%; }
.avatar { float: left; }
.comment-des { float: right; width: 90%; }
.comment-des strong { float: left; padding-right: 5px; font-size: 12px; }
.comment-des span { float: left; color: #888; }
.comment-by { float: left; width: 100%; padding-bottom: 8px; padding-top: 5px; color: #000; }
.ie7 .comment-by span.reply span { display: none; }
.comment-by span.reply { color: #888; float: right; display: inline; }
.comment-by span.reply a { float: right; height: 17px; margin-left: 5px; font-weight: normal; float: right; }
.comment-by span.date { color: #888; padding-right: 7px; float: right; }
.ie7 .comment-by .date { display: none; }

/* Contact Form
=================================================================== */
.field textarea { max-width: 97%; min-width: 97%; height: 130px; margin: 5px 0 15px 0; }
.field input { width: 240px; margin-bottom: 15px; }
.field:focus { border: 1px solid #eee; }
.field label span { color: #666; }
.field .validation-error,
.field .validation-error:focus { border: 1px solid #f2c4c2; background: #ffeceb; }
.loading { background: url(../images/loader.gif) no-repeat 1px; height: 28px; width: 28px; float: left; margin: 5px 0 0 10px; display: none; }
.success-message .notification { margin-bottom: 20px; }
.success-message { display: none; }
.form-spacer { margin-top: 20px; }

/* Posts
=================================================================== */
.post { padding: 0 0 15px 0; border-bottom: 1px solid #eee; margin-bottom: 10px; }
.post.post-page { border-bottom: none; margin-bottom: 0; }
.post-content { margin: 22px 0 0 0px; }

/* Tags */
.post-meta { background: #fff; color: #666; margin: 5px 0px; padding: 10px 5px; border-top: 1px solid #eee; }
.post-meta a { text-decoration: none; }
.post-meta a:hover { }
.post-meta i { opacity: 0.35; filter: alpha(opacity = 35); margin-right: 5px; zoom: 1; }
.post-meta span { margin-right: 10px; }

/* Pagination
=================================================================== */
.pager { text-align: left; margin-bottom: -10px; }
.pager a,
.pager span { padding: 4px 12px; border: 1px solid #ddd; border-left-width: 0; display: inline-block; *float: left; background: #fff; margin-right: -1px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.ie7 .pager span { margin-right: 5px; }